<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
    
	<ui:composition>
		<p:dialog id="idpanelComposicionCategoria" header="Composición de Fondos Mutuos Por Categoría de Activos" 
			widgetVar="poppanelComposicionCategoria" modal="true" dynamic="true" width="650">
			<p:dataTable id="tableFondosMutuosCatActivo" value="#{calculadoraModNCController.listFondosMutuos}" var="fila"
				rowIndexVar="rowIndex"
				rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
				<p:columnGroup type="header">
					<p:row>
						<p:column headerText="" />
						<p:column>
							<f:facet name="header">
								<h:outputText id="col0" value="#{calculadoraModNCController.tituloFMCategoria.cat1}" />
								<p:tooltip for="col0" value="#{calculadoraModNCController.tituloFMCategoria.tooltip1}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col1" value="#{calculadoraModNCController.tituloFMCategoria.cat2}" />
								<p:tooltip for="col1" value="#{calculadoraModNCController.tituloFMCategoria.tooltip2}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col2" value="#{calculadoraModNCController.tituloFMCategoria.cat3}" />
								<p:tooltip for="col2" value="#{calculadoraModNCController.tituloFMCategoria.tooltip3}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col3" value="#{calculadoraModNCController.tituloFMCategoria.cat4}" />
								<p:tooltip for="col3" value="#{calculadoraModNCController.tituloFMCategoria.tooltip4}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col4" value="#{calculadoraModNCController.tituloFMCategoria.cat5}" />
								<p:tooltip for="col4" value="#{calculadoraModNCController.tituloFMCategoria.tooltip5}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col5" value="#{calculadoraModNCController.tituloFMCategoria.cat6}" />
								<p:tooltip for="col5" value="#{calculadoraModNCController.tituloFMCategoria.tooltip6}" />
							</f:facet>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText id="col6" value="#{calculadoraModNCController.tituloFMCategoria.cat7}" />
								<p:tooltip for="col6" value="#{calculadoraModNCController.tituloFMCategoria.tooltip7}" />
							</f:facet>
						</p:column>
					</p:row>
				</p:columnGroup>
				<p:column><h:outputText value="#{fila.desproducto}"/></p:column>
				<p:column><h:outputText value="#{fila.cat1}" /></p:column>
				<p:column><h:outputText value="#{fila.cat2}" /></p:column>
				<p:column><h:outputText value="#{fila.cat3}" /></p:column>
				<p:column><h:outputText value="#{fila.cat4}" /></p:column>
				<p:column><h:outputText value="#{fila.cat5}" /></p:column>		
				<p:column><h:outputText value="#{fila.cat6}" /></p:column>	
				<p:column><h:outputText value="#{fila.cat7}" /></p:column>
			</p:dataTable>
		</p:dialog>

		<p:dialog id="idpanelComposicionMoneda" header="Composición de Fondos Mutuos Por Monedas" 
			widgetVar="poppanelComposicionMoneda" modal="true" dynamic="true" width="400">
			<p:dataTable id="tableFondosMutosMoneda" value="#{calculadoraModNCController.listFondosMutuos}" var="fila"
				rowIndexVar="rowIndex"
				rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
				<p:column>
					<f:facet name="header">
						<h:outputText value=""/>
					</f:facet>
					<h:outputText value="#{fila.desproducto}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="#{calculadoraModNCController.tituloFMMonedas.mon1}"/>
					</f:facet>
					<h:outputText value="#{fila.usd}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="#{calculadoraModNCController.tituloFMMonedas.mon2}" />
					</f:facet>
					<h:outputText value="#{fila.pen}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="#{calculadoraModNCController.tituloFMMonedas.mon3}" />
					</f:facet>
					<h:outputText value="#{fila.eur}" />
				</p:column>
			</p:dataTable>
		</p:dialog>
		
		<p:dialog id="idmpMensajeProcesarCalculadora" header="Procesar Rebalanceo" 
			widgetVar="popmpMensajeProcesarCalculadora" modal="true" dynamic="true" width="400">
			<ui:repeat var="error" value="#{calculadoraModNCController.mensaje}">
				<h:panelGrid columns="3" >
					<h:graphicImage value="/imagenes/iconos/icoError.gif"/>
					<p:spacer width="10"/>
					<h:outputText value="#{error}"/>
				</h:panelGrid>
			</ui:repeat>
	   </p:dialog>
		
	   <p:dialog id="idmpMensajeGuardarCalculadora" header="Guardar Rebalanceo" 
			widgetVar="popmpMensajeGuardarCalculadora" modal="true" dynamic="true" width="250">
   	  		 <h:panelGrid rendered="${fn:length(calculadoraModNCController.mensajePopup) > 0}">
 				<h:panelGrid columns="3" >
	  				<h:graphicImage value="/imagenes/iconos/icoError.gif"/>
	  				<p:spacer width="10"/>
	  				<h:outputText value="#{calculadoraModNCController.mensajePopup}"/>
 				</h:panelGrid>
	   	   		<p:commandButton icon="ui-icon ui-icon-check" value="Aceptar" oncomplete="popmpMensajeGuardarCalculadora.hide()"/>
	   	   	</h:panelGrid>
			<h:panelGrid rendered="${fn:length(calculadoraModNCController.mensajePopup) == 0}">
				<h:panelGrid>	
	   	   			<h:outputText value="La Propuesta presenta las siguientes desviaciones, Desea Continuar?"/>		   	   					   	   			
	   	   			<ui:repeat var="fila" value="#{calculadoraModNCController.listaResultadoPropuestaDesviacion}">
	   	   				<h:panelGrid columns="3" >
		   	   				<h:outputText value="#{fila.descripcatactivo}"/>
		   	   				<h:outputText value=" : "/>
		   	   				<h:outputText value="#{fila.desviacion}">
		   	   					<f:converter converterId="porcentajeConverte" />
		   	   				</h:outputText>
	   	   				</h:panelGrid>
	   	   			</ui:repeat>		
	   	   		</h:panelGrid>
	   	   		<h:outputText id="idTxtMensajeDet" value="#{calculadoraModNCController.mensajePopup}" styleClass="messages"/>
	   	   		<h:panelGrid columns="2">
	   	   			<p:commandButton actionListener="#{calculadoraModNCController.guardarCalculadoraAction}" icon="ui-icon-check" value="Aceptar"
	   	   				oncomplete="handleDialogProcesarGuardar(xhr, status, args)" />
	   	   			<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpMensajeGuardarCalculadora.hide()" />
	   	   		</h:panelGrid>
   	   		</h:panelGrid>
	   </p:dialog>
	   
	   <p:dialog id="idpanelDetalleMonto" header="Agregar Detalle de Montos" 
			widgetVar="poppanelDetalleMonto" modal="true" dynamic="true" width="260">			
			<h:form id="idFormpanelDetalleMonto">
				<h:panelGrid headerClass="cabeceraPanel" id="panelResumen">
					<h:panelGrid columns="4" width="100%">
						<h:outputText value="Operación" styleClass="textoNegrita" />
						<p:spacer width="5"/>
						<h:outputText value="Monto" styleClass="textoNegrita" />
						<p:spacer width="20"/>
						
						<p:selectOneMenu id="cmbOperacion" value="#{calculadoraModNCController.operacion}">
							<f:selectItems value="#{calculadoraModel.listaOperaciones}"/>
						</p:selectOneMenu>
						<p:spacer width="5"/>
						<h:inputText styleClass="inputTextStrechLittle" id="txtMonto"  value="#{calculadoraModNCController.monto}" 
							onkeypress="return CatchNonNumbers_(event,0,1,'.',this,2,10,this);" onblur="formateaNumero(this);"/>
						<p:commandButton icon="ui-icon-plusthick" value="Agregar" actionListener="#{calculadoraModNCController.agregarDetalleMonto}" 
							update=":idFormpanelDetalleMonto:panelResumen">
						</p:commandButton>
					</h:panelGrid>
					<h:outputText id="idTxtMensajeDet" value="#{calculadoraModNCController.mensajePopup}" styleClass="messages"/>
					<p:dataTable value="#{calculadoraModel.listaSeleccionada}"  id="dtDetalleMonto" var="fila">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="50" headerText="Operación" />
								<p:column headerText="Monto" />
								<p:column width="10" headerText="" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="columnCenter"><h:outputText value="#{fila.operacion}"/>	</p:column>
						<p:column styleClass="columnNumoer">
							<h:outputText value="#{fila.monto}" >
								<f:convertNumber pattern="#,##0.00" locale="#{calculadoraModNCController.locale}" />
							</h:outputText>
						</p:column>
						<p:column>														
							<p:commandButton icon="ui-icon-closethick" actionListener="#{calculadoraModNCController.quitarDetalleMonto(fila)}" 
								update=":idFormpanelDetalleMonto:panelResumen"/>
						</p:column>
						<p:columnGroup type="footer">  
				            <p:row>
				            	<p:column footerText="TOTAL" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModNCController.totalModalMonto.monto}">
											<f:convertNumber pattern="#,##0.00" locale="#{calculadoraModNCController.locale}" />
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column footerText="" styleClass="styleDataTableFooterOrange" />
							</p:row>
						</p:columnGroup>
					</p:dataTable>
				</h:panelGrid>
				<h:panelGrid columns="2">				 	
					<p:commandButton actionListener="#{calculadoraModNCController.aceptarAgregarMontosAction}" icon="ui-icon-check"
						value="Aceptar" oncomplete="poppanelDetalleMonto.hide()"/>
					<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelDetalleMonto.hide()" />
				</h:panelGrid>
			</h:form>			
		</p:dialog>
		
		<p:dialog id="idpanelOtroRecurso" header="Detalle de Otros Recursos" 
			widgetVar="poppanelOtroRecurso" modal="true" dynamic="true" width="600">
			<h:form id="idFormpanelOtroRecurso">
				<h:panelGrid headerClass="cabeceraPanel" id="panelCabOtroRecurso" width="100%">
					<h:panelGrid columns="4" width="100%">
						<h:outputText value="Producto:" styleClass="textoNegrita" />
						<h:outputText value="#{calculadoraModel.filaSeleccionada.descripcion}"/>											
						<h:outputText value="Moneda:" styleClass="textoNegrita" />
						<h:outputText value="#{calculadoraModel.filaSeleccionada.moneda}"/>					
						
						<h:outputText value="Fuente:" styleClass="textoNegrita" />
						<p:selectOneMenu id="cmbFuente" value="#{calculadoraModNCController.fuente}">
							<f:selectItems value="#{comboModel.listaFuentes}"/>
						</p:selectOneMenu>											
						<h:outputText value="Monto:" styleClass="textoNegrita" />
						<h:inputText size="18" styleClass="inputTextStrech" id="txtMontoOtroRe" value="#{calculadoraModNCController.monto}" 
							onkeypress="return CatchNonNumbers_(event,0,1,'.',this,2,10,this);" onblur="formateaNumero(this);"/>										
												
						<p:commandButton icon="ui-icon-plusthick" value="Agregar" actionListener="#{calculadoraModNCController.agregarDetalleSaldo}"
							id="linkAgregarOtro" update=":idFormpanelOtroRecurso:panelCabOtroRecurso"/>			
					</h:panelGrid>				
					<h:outputText id="idTxtMensajeOtro" value="#{calculadoraModNCController.mensajePopup}" styleClass="messages"/>
					<p:dataTable var="fila" value="#{calculadoraModel.listaSeleccionada}" id="dtOtroRecurso">
						<p:columnGroup type="header">
							<p:row>
								<p:column headerText="Fuente" />
								<p:column headerText="Monto" />
								<p:column width="10" headerText="" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="columnCenter"><h:outputText value="#{fila.fuenteLabel}"/></p:column>					
						<p:column styleClass="columnNumero">
							<h:outputText value="#{fila.monto}">
								<f:convertNumber pattern="#,##0.00" locale="#{calculadoraModNCController.locale}" />
							</h:outputText>						
						</p:column>									
						<p:column>
							<p:commandButton icon="ui-icon-closethick" actionListener="#{calculadoraModNCController.quitarDetalleMonto(fila)}" 
								update=":idFormpanelOtroRecurso:panelCabOtroRecurso" />
						</p:column>
						<p:columnGroup type="footer">  
				            <p:row>
				            	<p:column footerText="TOTAL" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer">
										<h:outputText value="#{calculadoraModNCController.totalModalMonto.monto}">
											<f:convertNumber pattern="#,##0.00" locale="#{calculadoraModNCController.locale}" />
										</h:outputText>
									</f:facet>
								</p:column>
								<p:column footerText="" styleClass="styleDataTableFooterOrange" />
							</p:row>
						</p:columnGroup>
					</p:dataTable>
				</h:panelGrid>
					<h:panelGrid columns="2">				 	
						<p:commandButton actionListener="#{calculadoraModNCController.aceptarAgregarSaldosAction}" icon="ui-icon-check"
							value="Aceptar" oncomplete="poppanelOtroRecurso.hide()" />
						<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelOtroRecurso.hide()" />
					</h:panelGrid>
			</h:form>
		</p:dialog>
	</ui:composition>
</html>
